import { Component, OnInit } from '@angular/core';

// 再次引入服务
import {StorageService} from '../../services/storage.service'

// 第一种方式: 不推荐使用
// var storage = new StorageService()
// console.log(storage);

// 第二种方式：在constructor里使用， 见下面

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {

  public userInfo: any = {
    username: '',
    sex: '1',
    citys: ['北京', '上海', '深圳'],
    city: '北京',

    hobby: [
      {title: '吃饭', checked: false},
      {title: '睡觉', checked: false},
      {title: '敲代码', checked: false}
    ]
  }

  /*
    // 要使用 this 必须加 public 修饰符
    constructor(public storage: StorageService) { 
    console.log(this.storage);
    console.log(this.storage.get());
  }
  */

  constructor(storage: StorageService) { 
    // console.log(storage);     // 获取服务的实例
    console.log(storage.getTest());
  }

  ngOnInit() {
  }

  doSubmit() {
    console.log(this.userInfo);
    
  }

}
